/*
 * Copyright (C) 2010 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
 
/* GENERAL ------------------------------------------------------------------ */

/* Zero default margin & padding around common elements */
body, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, li, ol, p, ul
{
	margin: 0;
	border: 0 none #FFFFFF;
	padding: 0;
  font-family: sans-serif;
}

#stuff {
  margin: 5px;
}

#ytplayer {
  margin: 0px auto;
  display: block;
}

.line {
  padding-top: 2px;
}

.label {
  display: inline-block;
  font-size: 80%;
  width: 100px;
}

.setting {
  display: inline-block;
}

.desc {
  font-size: 80%;
}

.error {
  background: f88;
}

input[type=text] {
  width: 100px;
}

#movieId {
  position: relative;
  top: -1em;
}

#playerholder {
  position: relative;
  z-index: 20;
}

/* VIEW MODE ---------------------------------------------------------------- */

#settings {
  display: none;
}

/* EDIT MODE ---------------------------------------------------------------- */
.edit #settings {
  display: block;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  -moz-border-radius: 0 0 10px 10px;
  border: solid black;
  border-width: 0 1px 1px 1px;
  margin: 0px auto 0px auto;
  padding: 5px 10px;
  width: 240px;
  background: white;
}

.edit #settingsholder {
  border-top: 5px solid black;
  position: relative;
  z-index: 10;
}

#stuff.edit {
  background: #eef;
  margin: 4px;
  border: #88f;
}

.edit #playerholder {
  background: #eef;
}

